<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="renderer" content="webkit" />
	<meta name="wap-font-scale" content="no" />
	<link rel="stylesheet" type="text/css" href="index.css" />
	<title>Chatting Room</title>
</head>

<body>
	<p>
		Room:
		<input type="text" id="txtRoomId" value="default" />
		<input type="text" id="txtName" value="" />
		<button id="btnJoin">Join</button>
	</p>

	<div id="mainPanel" style="display:none">
		Message:
		<textarea id="txtSendMessage"></textarea>
		<button id="btnSendMessage">Send</button>

		<div id="vdLocal"></div>
		
		<div id="vdRemote"></div>
	</div>

	<script type="text/javascript" src="node_modules/socket.io-client/dist/socket.io.js"></script>
	<script type="text/javascript" src="client.js"></script>
	<script type="text/javascript" src="index.js"></script>
</body>

</html>